<template>
  <div id="changeUser">
    <Headers>个人资料</Headers>
    <div class="lists">
      <Lists :ListItem="listItems" txtCol="#999" @click="changeUserData"/>
    </div>
  </div>
</template>

<script>
import Lists from "@/components/Lists";
export default {
  name: "changeUser",
  data() {
    return {
      listItems: [
        {
          listName: "头像",
          showReturn: true,
          path: "",
          returnColor: "#A2C0B8"
        },
        {
          listName: "昵称",
          showReturn: false,
          listDetail: "牛掰粉",
          path: "",
          returnColor: "#A2C0B8"
        }
      ]
    };
  },
  components: {
    Lists
  },
  methods:{
    changeUserData(item){
      console.log(item);
    }
  }
};
</script>

<style scoped lang="stylus">
@import '../../common/styl/mixin'
.lists
  margin-top rem(50)
</style>
